@import '../../less//index.less';

.search {
        width: 100vw;
        width: 375px;
        height: 52px;
        background: linear-gradient(rgba(255, 96, 64, 1) 0%, rgba(255, 138, 128, 1) 100%);
        box-shadow: 0px 2px 6px 0px rgba(255, 149, 128, 0.5);
        position: relative;

        .adm-search-bar .adm-search-bar-input-box {
                width: 325px !important;
                height: 30px !important;
                position: absolute;
                left: 20px;
                top: 10px;
        }
}

.catelist {
        float: left;
        width: 2rem;
        background-color: pink;

        ul {
                li {
                        width: 100%;
                        // height: .7rem;
                        background-color: #fff;
                        text-align: center;
                        line-height: .7rem;
                        color: #333;
                        font-size: 14px;
                        border-left: 3px solid #ccc;

                }
        }

        .active {
                background-color: rgb(246, 243, 243);
                color: orangered;
                border-left: 3px solid orangered;

        }

}

.goodcate {
        width: 5rem;
        height: 5rem;
        // background-color: pink;
        float: right;

        h3 {
                font-size: .35rem;
                margin-bottom: .25rem;
        }

        .cates {
                display: flex;
                width: 100%;
                height: 2.5rem;
                background-color: #fff;
                border-radius: .3rem;
                margin-bottom: .2rem;

                img {
                        width: 1.5rem;
                        height: 2rem;
                        margin: .05rem;
                        border-radius: .2rem;
                }

                ul {
                        margin-left: .2rem;

                        li {
                                h3 {
                                        font-size: .35rem;
                                        margin-bottom: .6rem;
                                }

                                span {
                                        font-size: .3rem;
                                        color: orangered;

                                        i {
                                                font-size: .14rem;
                                                text-decoration: line-through;
                                                color: #ccc;
                                        }
                                }

                                a {
                                        width: 1.5rem;
                                        height: .6rem;
                                        display: inline-block;
                                        background-color: orange;
                                        color: #fff;
                                        border-radius: .3rem;
                                        text-align: center;
                                        line-height: .6rem;
                                        margin-left: .1rem;
                                }
                        }

                        .qx {
                                font-size: .12rem;
                                color: #ccc;
                        }
                }
        }
}